<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../css/reset万能清.css">
    <link rel="Shortcut Icon" href="../font/ico/title.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../css/ShoppingCart.css">
</head>

<body>
    <header></header>
    <div class="bx">
        <div class="Totalgoods">
            <div>共<span>1</span>件商品</div>
            <div>优惠券</div>
        </div>
        <div class="Commodityinformation">
            <div class="informationone">商品信息</div>
            <div class="informationtwo">单价</div>
            <div class="informationnum">数量</div>
            <div class="informationd">操作</div>
        </div>
        <div class="preview">
            <div class="xuanze">
                <input type="checkbox">
            </div>
            <div class="previewtu">
                <img src="../img/carttu1.webp" alt="">
            </div>
            <div class="previewname">
                <div class="top">OPPO Find N 全新折叠旗舰 8G+256G 星夜 官方标配</div>
                <div class="bottom">
                    <button>赠品|原装保护壳 黑色（送完即止）</button>
                </div>
            </div>
            <div class="previewprice">
                <p><em>￥</em><span class="dj">7699</span></p>
                <p class="pr"><em>预估到手价￥</em>7689</p>
            </div>
            <div class="previewnum">
                <div class="top">
                    <button id="min">-</button>
                    <span class="quantity">1</span>
                    <button id="add">+</button>
                    <p>限购10件</p>
                </div>
            </div>
            <div class="operation">
                <button>删除商品</button>
                <button>修改商品</button>
            </div>
        </div>
    </div>
    <div class="settlement">
        <div class="jiesuan">
            <div class="jsleft">
                <input type="checkbox">全选
            </div>
            <div class="jsright">
                <div class="jsrleft">
                    <div class="top">合计：<em>￥</em><span class="zjg">7699</span></div>
                    <div class="btm">
                        优惠：<em>￥10</em>
                        <button>优惠明细</button>
                    </div>
                </div>
                <div class="jsrright">
                    <button>去结算<span>(1)</span></button>
                </div>
            </div>
        </div>
    </div>
</body>

</html>
<script src="../node_modules/_jquery@3.6.1@jquery/dist/jquery.js"></script>
<script src="../js/ShoppingCart.js"></script>
